/* 
    Document   : css
    Created on : 1 mars 2012, 08:44:06
    Author     : Karen Bonnet
    Description:
        Plateform css
*/
html{
    height: 100%;
}
body{
    /*    margin: 0px;*/
    font-family: Arial, Helvetica, sans-serif!important;
    /*    background: -moz-linear-gradient(top, #999, #fff);*/
    font-size:12px;
    background-color: white;
    width: 1155px;
    /* background-repeat:no-repeat;*/
}
a img{
    border: none;
}

/* ------------------------- font --------------------------*/

h1{
    margin: 0px;
}

p{
    font-family:Arial,Helvetica,sans-serif;
    font-weight:normal;
    font-size:20px;
    margin-bottom: 20px;
    padding: 0px;
    text-align:justify;
}

/* ------------------------- Validation ------------------------- */

p.validationCustomError{
    color: #B50909!important;
    font-style: italic!important;
    font-size: 14px;
    margin: 0px!important;
    padding: 0px!important;
}

p.validationCustomOk{
    color: #228C5C;
}

input.inputNumberField4{
    width: 70px!important;
}

/* ------------------------- Banner --------------------------*/

div.bannerContainer{
    background-image:url('../images/menuTop/banner.jpg');
    height: 195px;
}

div.bannerMenu ul{
    float: left;
    list-style-type: none;
    padding-left: 180px;
    padding-top: 100px;
}

div.bannerMenu ul li{
    display: inline;
}

div.bannerMenu ul li a{
    text-decoration: none;
}

div.bannerMenu ul li a:hover, div.bannerMenu ul li .current{
    border-bottom: solid;
    border-color: #FFBF29 ;
    border-width: 2px;
    text-decoration: none;
}

div.demo{
    margin: auto;
    padding: auto;
    width: 90%;
}

/* ------------------------ Content ------------------------*/
/*Cadre*/
.ui-tabs-h {
    width: 55em; 
}


/* arriere plan */
.ui-tabs-h .ui-tabs-nav {
    background-color: #EE5757;
    background-image : none; 
}

/* background des onglets */
.ui-tabs-h .ui-tabs-nav li { 
    width: 100%;
    border-bottom-width: 1px !important;
    border-right-width: 0 !important;
    margin: 0 -1px .2em 0; 
}

/* liens dans les li */
.ui-tabs-h .ui-tabs-nav li a {
    background-color: darkgoldenrod;
}

/* onglet selectionne */
.ui-tabs-h .ui-tabs-nav li.ui-tabs-selected {
    padding-bottom: 0;
    padding-right: .1em;
    border-right-width: 1px;
    border-right-width: 1px;
}

/* paragraphe de texte aligne a droite */
.ui-tabs-h .ui-tabs-panel {
    padding: 1em;
    width: 50%;
}


/*Bloc contenant le menu vertical (maintenant invisible)*/
.ui-widget-header {
    background: none !important;

    border: 0px solid #AAAAAA !important;
    font-weight: bold;
}

/*-------------- Vertical Tabs --------------*/

#verticalMenu .ui-state-highlight {
    background-image : none;
    background-color: green;
}

#verticalMenu .ui-state-active {
    background-image : none;
    background-color: #cbd4d9;
    color: red;

}

#verticalMenu .ui-state-default {
    background-image : none;
    /*MenuCells color*/

    color: #57b1eb!important;
    height: 90px;
}

.ui-tabs-vertical { width: auto; }
.ui-tabs-vertical > .ui-tabs-nav { padding: 0em 0em 0em 0em; float: left; width: 8em; }
.ui-tabs-vertical > .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0;margin-bottom: 10px!important;  }
.ui-tabs-vertical > .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical > .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: 0em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical > .ui-tabs-panel { padding: 0px!important; float: left; width: 70em; height:600px;}

/*Bordure haut/gauche des cellules*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #494949 !important;
}

/*Arrondis coins des menus*/
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{
    border-bottom-left-radius: 0px !important;  
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{
    border-top-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
    border-top-left-radius: 0px !important; 
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
    border-top-left-radius: 0px !important;
}

/*
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 1px !important;
    padding-bottom: 1px;
}
*/
/*-------------- Horizontal Tabs --------------*/

/* background des onglets */
#horizontalMenu .ui-state-highlight {
    background-image : none;
    background-color: green;
}

#horizontalMenu .ui-state-active {
    background-image : none;
    background-color: red;
}

/* Liens */
#horizontalMenu .ui-state-default {
    background-image : none;
}

#horizontalMenu .ui-tabs-nav  { float: none; text-align: center; }
#horizontalMenu .ui-tabs-nav li { float: none; display: inline;}
#horizontalMenu .ui-tabs-nav li a { float: none; }

/*------------------------ Formular ------------------------*/
form{
    padding: 20px;
}
form element.style {
    border: 0 none;
    color: #000;
    float: none;
    font-weight: bold;
    margin-bottom: 10px;
}

#slider{
    color: #000;
    width: 250px;
}
/*curseur du slider*/
#slider .ui-state-default {
    border: 1px;
    height: 15px;
    background-color: #0e3753;
}

#amount{
    border:0;
    color:#f6931f;
    font-weight:bold;
    float: none;
    margin-bottom:10px;
}

/*barre du slider*/
.ui-widget-content #slider{
    background-color: #fff;
    border: 1px solid #474747;
    color: #fff;
}
/*texte du slider*/
element.style {
    border: 0 none;
    color: #999 !important;
    font-weight: bold;
}

/*---------- LiveValidation 1.3 ----------*/
.LV_invalid{
    color: red ;
}


/*-------------- ?? --------------*/
.cacher{
    display:none;
}

/*-------------- Login --------------*/
/* Position des div de Login */
#login-1, #login-2, #login-3{
    background-color: #F2F2F2;
    border: 1px solid #888888;
    padding-left: 10px;
    position: absolute;
    top: 206px;
    left: 180px;
}

/* Générale */
#title{
    font-size : 16px;
    font-weight: bold;
}

#infos{
    font-size: 12px;
}

/* Connect & Lost Password Div */
#loginConnectDiv, #lostPasswordDiv, #loginRegisterDiv{
    height: 585px;
    width: 920px;
}

/*-------------- Generale --------------*/
/* Champs de type nombre */
input[type=number]{
    width: 45px;
}

/* Titre des sous-menus */
#subtitle{
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0px;    
}

/* Liens */
#links{
    color: blue;
    text-decoration: underline;    
}

/* Images des onglets horizontaux */
img.horizontalMenu{
    border: 0;
    margin: 0px 0px 0px;
    width: 50px;
}
img.horizontalMenu:hover{
    width: 70px;
}

div[ID^="horizontalMenu"] .ui-state-active img, div[ID*="horizontalMenu"] .ui-state-selected img{
    width: 80px;
}

div[ID^="horizontalMenu"] .ui-tabs-nav {
    text-align: center;
}

div[ID^="horizontalMenu"] .ui-tabs-nav li {
    background: none !important;
    border: none !important;
    display: inline;
    float: none;
    height: 80px;
    margin: 0px;
}

/* Mise en page des formulaires */
form[ID*="Form"]{
    padding: 0px;
}

/* Mise en page des div content */
div[ID^="content-"]{
    border: none !important;
    height: 480px;
    margin: 0px;
}

#content{
    /*height: 580px;*/
    padding: 10px;
}

/* */
input[id^="yearChanged"]{
    width: 40px;
}

#checked, #txtChecked{
    /*    display: none;*/
    color: grey;
}

#selectHotWater{
    disabled: true;
}

span[id^="changedChecked"]{
    color: grey;
}

input[readonly]{
    background: lightgrey;
    color: gray;
}

/*-------------- Generalities --------------*/
/* Horizontal Menu */
#generalitiesForm{
    padding-top: 10px;
}

/* Generalities */
#generalitiesGeneralitiesTab{
    height: 350px;
    width: 550px;
}

#generalitiesGeneralitiesTab select{
    width: 200px;
}

/* Building */
#generalitiesBuildingTab{
    height: 200px;
    width: 700px;
}

#generalitiesBuildingTab td{
    margin-top: 0px;
    padding-top: 0px;
    vertical-align: top;
}

#generalitiesFormsTab{
    width: 800px;
}

#tabsgen-1, #tabsgen-2{
    height: 450px;
    border: none;
}

/* Dimensions */
#wallsDimensionsDiv{
    height: 450px;
    border: none !important;
}

div.dimTxt{    
    display: inline;
    margin-right: 15px;
    float: left;
}

div.dimCell{
    float: left;
}



/* Heating */
#generalitiesHeatingTab{
    height: 500px;
    width: 750px;
}

#generalitiesHeatingTab td{
    vertical-align: top;
}

/* Forms */
#tdForms{
    height: 140px;
}

/*#formsTab{
    height: 200px;
    padding-top: 10px;
    width: 220px;
}*/
#formsTab td{
    text-align: center;
}

/*-------------- Walls --------------*/
#horizontalMenuMur{
    margin-top: 20px;
    margin-left: -25px;
}

div[id^="tabsmur"]{
    border: none !important;
    height: 300px;
}

#wallsTab select{
    width: 200px;
}

/* DIV */
#picturesWallDiv{
    padding-top: 5px;
    height: 200px;
}

#changedWallDiv{
    padding-top: 5px;
    padding-bottom: 5px;
}

#areaWallsDiv{
    padding-top: 10px;
}

/*-------------- Windows --------------*/
#windowsDiv{
    margin-left: 30px;
}

#windowsTab{
    width: 800px;
}

#windowsTab td{
    vertical-align: top;
}

/* Blinds */
#blindsDiv{
    height: 150px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#blindsSpan{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0px;
}

#blindsTab td, #blindsTab span, #blindsTab img{
    vertical-align: middle;
}

/* Type des fenêtres */
#windowsFormTab{
    width: 650px;
}

#windowsFormTab td{
    text-align: center;
}

#windowsFormTab p{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0px;
    text-align: center;
}

#windowAreaTab{
    width: 500px;
}

#windowAreaTab th{
    text-align: left;
}

#areaWindowDiv{
    margin-top: 40px;
}

/* Window Zenithal */
#windowZenithal{
    width: 80px;
}

/*-------------- Facilities --------------*/
/* Tableau des installations (chauffage & eau chaude) */
#facilitiesTab{
    height: 150px;
    width: 850px;
}

#facilitiesTable td{
    vertical-align: top;
}

/* select */
#facilitiesTab select{
    width: 200px;
}

#subtitle2{
    font-size: 13px;
    font-weight: bold;
}

/*-------------- Electricity --------------*/


/*-------------- Floor & Ceiling --------------*/
#ceilingTab{
    width: 500px;
}

#floorTable{
    width: 500px;
}

/*-------------- Roof --------------*/
/* Image pour la forme des toits */
#roofImg{
    max-width: 100px;
}

/* Tableau des toits */
#roofTab{
    height: 50px;
    width: 500px;
}

#roofTab td{
    vertical-align: top;
}

/* Tableau des formes des toits */
#roofShapeTab{
    height: 100px;
    text-align: center;
    width: 200px;
}

/* ----------- Tooltip --------- */
#tooltip{
    width: 15px;
}

/* ------------ Summary --------- */
.lign{
    background: green;
    height:2px;
}

p.explications{
    font-size: 12px;
}

#summaryTab{
    font-size: 13px;
}

#summaryDiv{
    padding-left: 10px;
    position: absolute;
    top: 206px;
    left: 180px;
    border: solid;
}

/* ----------- Google Maps --------- */
#map{
    height: 350px!important;
    width: 630px!important;
}

#address{
    width: 450px;
}

input.googleMapAddressInput[value]{
    color:grey;
}

/* ----------- Buttons --------- */
#dark{
    background-color:#333;
    border:1px solid #000;
    padding:10px;
    margin-top:20px;}

#light{
    background-color:#FFF;
    border:1px solid #dedede;
    padding:10px;
    margin-top:20px;}	

li{ 
    list-style:none;
    padding-top:10px;
    padding-bottom:10px;}	

.button, .button:visited {
    background: #222 url(overlay.png) repeat-x; 
    display: inline-block; 
    padding: 5px 10px 6px; 
    color: #fff; 
    text-decoration: none;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer
}

.button:hover							{ background-color: #111; color: #fff; }
.button:active							{ top: 1px; }
.small.button, .small.button:visited 			{ font-size: 11px}
.button, .button:visited,
.medium.button, .medium.button:visited 		{ font-size: 13px; 
                                           font-weight: bold; 
                                           line-height: 1; 
                                           text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}

.large.button, .large.button:visited 			{ font-size: 14px; 
                                          padding: 8px 14px 9px; }

.super.button, .super.button:visited 			{ font-size: 34px; 
                                          padding: 8px 14px 9px; }

.pink.button, .magenta.button:visited		{ background-color: #e22092; }
.pink.button:hover							{ background-color: #c81e82; }
.green.button, .green.button:visited		{ background-color: #91bd09; }
.green.button:hover						    { background-color: #749a02; }
.red.button, .red.button:visited			{ background-color: #e62727; }
.red.button:hover							{ background-color: #cf2525; }
.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
.orange.button:hover						{ background-color: #d45500; }
.blue.button, .blue.button:visited		    { background-color: #2981e4; }
.blue.button:hover							{ background-color: #2575cf; }
.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
.yellow.button:hover						{ background-color: #fc9200; }